<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>行情提醒</title>
		<meta http-equiv="Pragma" content="no-cache" />
		<meta http-equiv="Expires" content="0" />
		<meta http-equiv="Content-Type" charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no" />
		<script src="../static/js/jquery.js"></script>
		
		
		
		<meta name = "format-detection" content = "telephone = no" />
		<meta name = "msapplication-tap-highlight" content = "no" />
		<link rel = "stylesheet" href = "css/index.css"/>
		
		
		
		<script src="../static/js/avalon.js"></script>
		<link rel="stylesheet" type="text/css" href="../static/css/common.css"/>
		<link rel="stylesheet" type="text/css" href="../static/css/footer.css"/>
		<link rel="stylesheet" type="text/css" href="../static/css/header2.css"/>
		<link rel="stylesheet" type="text/css" href="../static/css/detail.css"/>
		<link rel="stylesheet" type="text/css" href="../static/css/kline.css"/>
		<link rel="stylesheet" type="text/css" href="../static/css/jindutiao.css"/>
		<script src="product_detail.js"></script>
	</head>
	<style type="text/css">
		.top{
		    height: 50px;
		    line-height: 50px;
		    background-color: #424242;
		    text-align: center;
		}
		.types {
		    padding: 0px 15px;
		    width: 100%;
		    background-color: #393939;
		    line-height: 34px;
		    box-sizing: border-box;
		}
		.choosetype {
		    border-bottom: 2px solid #E60020;
		}
		.cpad{
			padding: 0px 50px;
    		box-sizing: border-box;
		}
		.notice_box{
			padding: 0px 15px;
			box-sizing: border-box;
		}
		.message_box{
			margin-bottom: 60px;
		}
		.message_icon{
		    width: 50px;
    		height: 50px;
		}
		.message_icon img{
			width: 100%;
			height: 100%;
		}
		.box {
		    /*width: 32.40741%;*/
		    /*float: left;*/
		    margin-left: 0.46296%;
		    margin-right: 0.46296%;
		    position: relative;
		    background: #393939;
		    color: #fff;
		    padding: 1%;
		    margin: 5%;
		    height: 60px;
		    white-space: nowrap;
		    /*border-radius: 5px;*/
		    margin-left: 68px;
		}
		.box:after {
		    content: " ";
		    position: absolute;
		    height: 0;
		    width: 0;
		    border: solid transparent;
		    pointer-events: none;
		    border-width: 10px;
		    border-color: transparent;
		}
		.pointer--left {
		    animation: animate-pointer--left 500ms ease-in-out;
		    transform-origin: left center;
		}
		.pointer--left:after {
		    border-right-color: #393939;
		    top: 15%;
		    left: -19px;
		}
		.left_arrow{
            width: 23px;
            height: 25px;
            top: 13px;
            left: 15px;
            background-size: 50%;
            position: absolute;
            background-image: url(../static/img/arrow_left.png);
            z-index: 100;
        }
	</style>
	<script type="text/javascript">
		var o;
		avalon.ready(function(){
			o = avalon.define({
				$id:"wm",
				currentType:1,
				ChooseType:function(tabId){
		            o.currentType=tabId;
		        }
			});
			avalon.scan(document.body);
		})
	</script>
	<body ms-controller="wm">
		<div class="top"><a href="" class="left_arrow bgBox" ms-click="gohistory"></a>消息提醒</div>
		<div class="types hidden">
			<div class="w50 fl tc cpad" ms-click="ChooseType(1)"><span class="inline_block w100" ms-class-choosetype="currentType==1">行情提醒</span></div>
			<div class="w50 fl tc cpad" ms-click="ChooseType(2)"><span class="inline_block w100"  ms-class-choosetype="currentType==2">系统通知</span></div>
		</div>
		<div ms-visible="currentType==1">
			<div class="notice_box mt30">
				<div class="message_box">
					<div class="tc w100 color999 f10">03-24&nbsp;10:25</div>
					<div>
						<div class="message_icon fl">
							<img src="../static/img/message_icon.png" />
						</div>
						<div class="box pointer--left">行请提示</div>
					</div>
				</div>
				<div class="message_box">
					<div class="tc w100 color999 f10">03-24&nbsp;10:25</div>
					<div>
						<div class="message_icon fl">
							<img src="../static/img/message_icon.png" />
						</div>
						<div class="box pointer--left">行请提示</div>
					</div>
				</div>
			</div>
		</div>
		<div ms-visible="currentType==2">
			<div class="notice_box mt30">
				<div class="message_box">
					<div class="tc w100 color999 f10">03-24&nbsp;10:25</div>
					<div>
						<div class="message_icon fl">
							<img src="../static/img/systerm_icon.png" />
						</div>
						<div class="box pointer--left">系统通知</div>
					</div>
				</div>
				<div class="message_box">
					<div class="tc w100 color999 f10">03-24&nbsp;10:25</div>
					<div>
						<div class="message_icon fl">
							<img src="../static/img/systerm_icon.png" />
						</div>
						<div class="box pointer--left">系统通知</div>
					</div>
				</div>
			</div>
		</div>
	</body>
</html>
